@charset "gb2312";
body{margin:0px;padding:0px; font-family:"Î¢ÈíÑÅºÚ";}
img{border:none;margin:0px;padding:0px;/* max-width:100%;*/}
a{text-decoration:none;}
ul{margin:0px;padding:0px;}
li{list-style:none;}
p{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
a:hover{cursor:pointer;}
input,textarea{font-family:"Î¢ÈíÑÅºÚ"; }
table tr td{ border:none}


/*
 * 
 *   1200px  Â®Áê¿ñ¿Í 
 * 
 */



.tops{width: 100%; height: 38px; line-height: 38px; clear: both; overflow:hidden; border-bottom: 1px solid #d8d8d8;}

.top{ width: 1200px; height: 38px; margin: 0 auto; overflow: hidden; clear: both; font-size: 12px;}

.top span{ color: #777;}

.top a{ color: #777; display: block; float: right;  height: 12px; border-left: 1px solid #777; padding-left: 3px; margin-right: 3px; line-height: 12px; margin-top: 12px;}

.header{ width: 1200px; height: 130px; margin: 0 auto; clear: both; overflow: hidden;}

.fl{ display: block; float: left;}  .fr{ display: block; float: right;}

.navs{ width: 100%; height: 52px; clear: both;  border-top: 1px solid #D8D8D8;  border-bottom: 1px solid #D8D8D8;}

.nav{ width: 1198px;  height: 52px; margin: 0 auto; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8;}

.nav li{width:132px;height:52px; display:block; float:left; position:relative;border-right: 1px solid #D8D8D8;}

.nav li a{width:132px;height:52px; display:block; float:left;font-size:14px; color:#333; text-align:center; line-height:52px; position: relative; z-index: 300;}

.nav li a:hover{color:#fff; background: #0fa02a;}

#nav_active{color:#fff; background: #0fa02a;}

.nav li ul li{width:132px;height:34px; display:block; float:none; border: none;}

.nav li ul{/*border-top:2px solid #ccc;*/}

.nav li ul li a{width:132px;height:34px; display:block; color: #666; float:left; line-height:34px; border: none;border-bottom:1px dotted #ccc; font-size:12px; }

.nav li ul li a:hover{background:#0fa02a; color: #fff; border: none;border-radius: 0px;}

.nav li ul{ display:none; z-index:250; background:#fff; padding-top: 36px;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.nav li:hover ul{ display:block; position:absolute;top: 18px; left:0px; z-index: 200;}


.lubo{ width: 100%; min-width:1200px;clear: both; position: relative; height:575px;}
  .lubo_box{ position: relative; width: 100%; height:575px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:575px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 575px;}

  /*Ô²µã*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}

  /*°´Å¥*/
  .lubo_btn{ position: absolute; width: 1268px; left: 50%; margin-left:-634px; top: 270px;}
  .left_btn, .right_btn{ width: 34px; height: 34px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left; background: url(../images/btn-l.png) no-repeat;}
  .right_btn{ float: right;background: url(../images/btn-r.png) no-repeat;}


.youshi{ width: 1200px; height: auto; clear: both; overflow: hidden; margin: 50px auto;}  

.youshi h2{ text-align: center; font-size: 30px; letter-spacing: 2px;}

.youshi p{ text-align: center; font-size: 14px; letter-spacing: 1px; margin-top: 6px;}

.youshib{ width: 1200px; height: auto; clear: both; overflow: hidden; margin-top: 20px;}

.youshib li{ width: 205px; height: 200px; display: block; float: left; margin-right: 43px;}

.youshib li a{ width: 205px; height: 200px; display: block; float: left;}

.youshib li a span{ width: 205px; height: 30px; line-height: 30px; display: block; float: left; color: #333; font-size: 18px; text-align: center; margin-top: 150px;}

.youshib li:hover{ background: #0FA02A;}

.youshib li:hover span{ color: #fff;}

.za a{ background: url(../images/zxa.png) no-repeat top 28px center;}

.za a:hover{background: url(../images/cva.png) no-repeat top 28px center;}

.zb a{ background: url(../images/zxs.png) no-repeat top 28px center;}

.zb a:hover{background: url(../images/cvs.png) no-repeat top 28px center;}

.zc a{ background: url(../images/zxd.png) no-repeat top 28px center;}

.zc a:hover{background: url(../images/cvd.png) no-repeat top 28px center;}

.zd a{ background: url(../images/zxf.png) no-repeat top 28px center;}

.zd a:hover{background: url(../images/cvf.png) no-repeat top 28px center;}

.ze a{ background: url(../images/zxg.png) no-repeat top 28px center;}

.ze a:hover{background: url(../images/cvg.png) no-repeat top 28px center;}



.bob-pro{ width: 100%; height: auto; background: url(http://cdnpic.21van.com/bobang/images/fm-bg.png) no-repeat top center; padding-top: 272px; padding-bottom: 250px;}

.bob-pro ul{ width: 1200px; height: auto; margin: 0 auto; clear: both; overflow: hidden;}

.bob-pro ul li{ width: 253px; height: auto; display: block; float: left; margin-right: 62px;}

.bproimg{ width: 253px; height: 307px; display: block; float: left; overflow: hidden; background:#fff;}

.bproimg img{ width: 253px; min-height: 307px; display: block; float: left;}

.bob-pro ul li h5{ font-size: 18px; color: #222; margin-top: 30px; display: block; float: left; width: 100%; font-weight: 400;
white-space:nowrap;}

.bob-pro ul li b{ width: 18px; height: 3px; background: #0FA02A; display: block; float: left; margin-top: 20px; clear: both;}

.goumai{ width: 136px; height: 42px; display: block; float: left; background: #aaa; text-align: center; line-height: 42px; font-size: 16px; color: #fff; clear: both; margin-top: 20px; font-weight: 400;}

.goumai:hover{ background: #0FA02A; cursor:pointer;}


.index-box{ width: 1200px; height: auto; margin: 30px auto; clear: both; overflow: hidden;}

.pub-title{ width: 100%; height: auto; display: block; float: left; background: url(../images/more.png) no-repeat right center; margin-bottom: 20px;}

.pub-title span{ width: 100%; line-height: 20px; font-size: 18px; clear: both;}

.pub-title h2{ width: 100%; line-height: 35px; font-size: 22px; clear: both;}

.index-ab{ width: 348px; height: auto; display: block; float: left;}

.index-ab img{ display: block; float: left; margin-bottom:10px;}

.index-ab a{ width: 100%; height: auto; display: block; float: left; font-size: 14px; line-height: 24px; text-indent: 2em; color: #333;}

.index-ab a:hover{ color: #f30;}


.index-new{ width: 426px; height: auto; display: block; float: left; margin-left: 37px;}

.fcous-new{ width: 426px; height: auto; display: block; float: left;}

.fcous-newimg{ width: 140px; height: 100px; display: block; overflow: hidden; float: left;}

.fcous-newimg img{ width: 140px; min-height: 100px;}

.fcous-newinfo{ width: 270px; height: auto; display: block; float:right; overflow:hidden;}

.fcous-newinfo h5{ font-size: 18px; color: #333; font-weight: 400; width: 100%;white-space:nowrap; display: block; float: left;}

.fcous-newinfo span{ font-size: 12px; color: #999; font-weight: 400; margin-top: 5px; margin-bottom: 10px; display: block; float: left;}

.fcous-newinfo p{ font-size: 14px; color: #555; display: block; float: left; width:100%}

.index-new ul{ width: 100%; height: auto; display: block; float: left; margin-top: 20px;}

.index-new ul li{ width: 100%; height: 40px; line-height: 40px; border-top: 1px dotted #ccc; display: block; float: left;}

.index-new ul li a{ width: 346px; height: 40px; display: block; float: left; overflow: hidden; font-size: 14px; color: #555;}

.index-new ul li span{ display: block; float: right; font-size: 12px; color: #777; text-align: right;}

.jiameng{ width: 356px; height: auto; display: block; float: right;}

.jiameng a{ display: block; float: left;}


.footer{ width: 100%; height: auto; clear: both; overflow: hidden; padding: 65px 0 55px 0; background: #282b28;}

.foot{ width: 1200px; margin: 0 auto; clear: both; position: relative;}

.footl{ width: 600px; height: auto; display: block; float: left; color: #fff;}

.footl h2{ font-size: 30px; clear: both; font-weight:400 ;}
.footl h3{ font-size: 20px; clear: both;font-weight:400 ;}

.footl p{ font-size: 16px; line-height: 50px; margin-top: 34px;}


.footr{ width: 124px; height: auto; display: block; float: right; margin-top: 50px; margin-right: 128px;}

.footr img{ width: 124px; height: 124px; display: block; float:left;}

.footr span{ width: 124px; height: 24px; text-align: center; line-height: 24px; display: block; float:left; margin-top: 10px; font-size: 12px; color: #fff;}

.linea{ width: 3px; height: 18px; background: #0FA02A; position: absolute; top:-65px; left: 0;}

.lineb{ width: 18px; height: 3px; background: #0FA02A; position: absolute; top:50px; right: 0;}














.cont{ width: 1200px; height: auto; margin: 30px auto; overflow: hidden; clear: both; margin-bottom:50px;}

.cont-left{ width: 120px; height: auto; display: block; float: left;}

.cont-left ul{ width: 120px; height: auto; display: block; float: left;}

.cont-left ul li{ width: 120px; height: 30px; display: block; float: left; margin-bottom: 8px;}

.cont-left ul li a{width: 120px; height: 30px; display: block; float: left; background: url(../images/blue.png); font-size: 12px; color: #fff; line-height: 30px; text-align: center;}

.cont-left ul li a:hover{ background: url(../images/org.png);}

#left_active{ background: url(../images/org.png);}


.cont-right{ width:950px; height: auto; overflow: hidden; display: block; float:right; min-height: 466px; padding-top:5px;}

.cont-right h4{ font-size: 14px; background: url(../images/home.png) no-repeat left 1px; font-weight:400;   border-bottom: 1px solid #D1800D; padding-bottom: 10px; margin-bottom: 20px;}

.cont-right h4 a{ color:#888;}

.hl-content img{max-width:100%;}


.sideBar{ width:220px; display: block; float:left;}
.sideBar .leftTit{width:100%;height:56px;line-height: 56px;color: #fff;text-align: center;position: relative;font-weight: bold;font-size: 20px;background: #0d7d22;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.sideBar .leftTit .icon{ width:28px; height: 28px; position: absolute; top: 19px; left:25px;  background: url(../images/y3.png); }
.sideBar .con{ width:190px; border:1px solid #e5e5e5; border-top: 0px; padding:10px 14px 8px;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-bottom:60px;}
.leftNav{ margin-bottom: 20px;}
.leftNav dd{ width:100%; margin-left:0px; border-bottom:1px dotted #c2c0c0;}

.leftNav dd ul{ width:160px; display:block; float:left; margin:10px 11px;}

.leftNav dd ul li a{ width:160px; height:30px; background:#D8ECD2; color:#444; text-align:center; display:block; float:left; font-size:12px; line-height:30px; margin-bottom:2px;}

.leftNav .nav1{ width:100%; padding:15px 0; text-align:center; display:block;  color:#555; font-size:14px;}
/*.leftNav .nav1:hover,.leftNav .hover{ height:42px; line-height:42px; background:url(../images/icon.png) no-repeat 1px -117px; display:inline-block; vertical-align:middle; color:#333; border-color:#fdfdfd;}
*/
#left_active{ background:url(../images/y1.png) no-repeat 19px 17px; display:inline-block; vertical-align:middle; color:#333; border-color:#84cb4b;}

#left_active1{ background:#219f39; color:#eee;}

.leftNav dd .drop{ width:178px;  margin: 4px auto;}
.leftNav dd .drop a.nav2{  width:176px; height:28px; line-height: 28px; text-align: center; font-size: 12px; border-bottom:1px solid #d9d9d9; display: block;  }
.leftNav dd .drop a.nav2:hover,.iproNavi dd .drop a.nav2.hover{ background:#84cb4b; border-color: #84cb4b; color:#fff;}

.leftRecom{ margin-bottom: 20px;}
.leftRecom li{ width:189px;  margin: 10px auto; text-align: center;}
.leftRecom li img{ width:183px; height: 137px; padding:2px; border:1px solid #e3e3e3; display: block;}
.leftRecom li h3{ color: #666666; line-height: 30px;}
.leftRecom li:hover img{ background: #f07f00; border-color: #fff;}
.leftRecom li:hover h3{ color: #f07f00;}

.leftCon{ width:220px; padding:15px 0 18px; border:1px solid #0d7d22;}
.leftCon h2{ color:#303030; text-align: center; font-size: 18px; font-weight: bold;}
.leftCon .leftTel{ margin:10px 0px 0px 10px;line-height: 14px; }
.leftCon .leftTel .icon{ width: 34px; height: 34px; margin-right: 6px; background-position: -203px -88px;}
.leftCon .leftTel span{ color:#303030; font-size:14px; }
.leftCon .leftTel strong{ font-size:20px; display: block; line-height: 24px; }
.leftCon .icontxt{ font-size:12px; color:#303030; line-height:24px; padding:16px 10px 0px;}


.pp-box{ width:800px; height:auto; display:block; float:left;}

.pro-box{ width:990px; height:auto; display:block; float:left;}

.pro-box li{ width:293px; height:auto; display:block; float:left; margin-bottom:25px; margin-right:32px; border:1px solid #e0e0e0;}

.pro-box li a{ width:265px; text-align:center;  height:310px; display:block; float:left; overflow:hidden; padding:15px; line-height:310px;}

.pro-box li a img{ max-width:263px;max-height:310px;display: inline-block;
    vertical-align: middle; }

.pro-box li span{ width:100%; height:20px; line-height:20px;  text-align:center;  display:block; float:left; font-size:12px; color:#666; overflow:hidden;margin: 5px 0;margin-bottom:15px;}

.pager { display:block; padding:4px 5px; margin:25px 0 5px; text-align:right; clear:both; font-size:12px; text-align:center;}
.pager span, .pager a{ display:inline-block; border:1px solid #ccc; color:#666; background:#fff;line-height:20px; padding:2px 8px 2px; text-decoration:none; margin:0 5px;  }
.pager a:hover{ background:#F37E00; border-color:#F37E00; color:#fff; text-decoration:none;}
.pager .cur{ background:#F37E00; border-color:#F37E00;  color:#fff; }
.pager span.dot{ background:#007f60; border-color:#007f60; font-weight:bold; color:#fff; }
.pager span.txt{ float:left; }

.pageNavi{font-size:12px; width:100%; padding-top:15px; border-top:2px solid #888; display:block; float:left; margin-top:20px;}

.pageNavi a{color:#0d61af;}

.pageleft{ width:45%; display:block; float:left; text-align:left;}

.pageright{ width:45%; display:block; float:right; text-align:right;}


.honor-box{ width:850px; height:auto; display:block; float:left;}

.honor-box li{ width:380px; height:auto; display:block; float:left; margin-bottom:25px; margin-right:40px; box-shadow:rgba(0,0,0,0.3) 0px 0px 5px;}

.honor-box li a{ width:380px; height:auto; display:block; float:left;}

.honor-box li a img{ width:380px; height:280px; display:block; float:left;}

.honor-box li a span{ width:360px; height:36px; line-height:36px; text-align:center; padding:0 10px; display:block; float:left; font-size:12px; color:#666; overflow:hidden;}



.newsList{ width:880px; height:auto; overflow:hidden; clear:both;}

.newsList li{ width:880px; height:auto; display:block; float:left; padding-bottom:15px; border-bottom:1px dashed #ccc; margin-bottom:15px; padding-top:15px;}

.newsList li:hover{ background:#f8f8f8;}

.newsList li a img{ width: 180px; height:100px; display:block; float:left;}

.newnr{ width: 670px; height:100px; display:block; float:right; padding-left:10px;}

.newnr h5{ font-size:14px; line-height:28px; display:block; float:left; color:#222;}

.newnr p{ width:100%; display:block; float:left; height:72px; line-height:24px; text-indent:2em; font-size:12px; color:#888; overflow:hidden;}

.newnr span{ background:#F00; font-size:12px; color:#fff; display: block; float:left; padding:3px;}


.nr_text{  font-size:13px; line-height:30px;}

.hl-jobs{ width:100%; height:auto; display:block; float:left; overflow:hidden; margin-bottom:20px; margin-top:20px;}

.hl-jobs li{ width:100%; height:30px; line-height:30px; font-size:14px; color:#6B4545;}

#jobs{ width:180px; line-height:32px; background:#09C; border-radius:16px; border:none; color:#fff; border-bottom:2px solid #06C;}

#jobs:hover{ border-bottom:2px solid #00F;}

#jobs-tj{ width:100px; height:30px; font-size:12px; color:#fff; border-radius:10px; border:none; background:#09C; border-bottom:2px solid #06C; }

#jobs-tj:hover{ border-bottom:2px solid #00F;}


.newlist{ width: 950px; height: auto; display: block; float: left; margin-bottom:20px}

.newlist li{ width:950px; height: 36px; line-height: 36px; display: block; float: left; border-bottom: 1px dashed #ccc;}

.newlist li a{ width: 800px; height: 36px; display: block; float: left; line-height: 36px; font-size: 14px; color: #555; overflow: hidden; }

.newlist li span{ font-size: 12px; color: #999; display: block; float: right;}


.case-box{ width: 1200px; height: auto; overflow:hidden;}

.case-box li{ width:1200px; height: 36px; line-height: 36px; display: block; float: left; border-bottom: 1px  dotted #ccc;}

.case-box li a{ width: 1200px; height: 36px; display: block; float: left; line-height: 36px; font-size: 14px; color: #555; overflow: hidden; }

.cc1{ width:25%;}
.cc2{ width:10%;}
.cc3{ width:35%;}
.cc4{ width:25%;}
.cc5{ width:15%;}
.cc6{ width:10%; border-right:none;}


.case-big{ width:100%; height:1069px; background:url(../images/maps.jpg) no-repeat center; background-color:#FFF9EB;}

.case-box li a span{ font-size:14px; line-height:36px; text-indent:10px;  color:#222; border-right:1px dotted #ccc; height:36px; display:block; float:left;}

.case-box li{ font-size: 12px; color: #999; display: block; float: right;}

.blue{ background:#D0EFE0;}


.c-wz{font-size: 14px; background: url(../images/home.png) no-repeat left 1px; text-indent: 2em; border-bottom: 1px solid #D1800D; padding-bottom: 10px; margin-bottom: 20px;}

.fiexd{ width:350px; height:248px; position:fixed; z-index:100000; left:0; bottom:0px; box-shadow:0 0 8px #ccc}

.fiexd b{ width:30px; height:30px; line-height:30px; text-align:center; background:#000; color:#fff; position:absolute; top:-15px; right:-15px; border-radius:50%; cursor:pointer; font-weight:400;}

.fiexd h2{ width:350px; height:48px; text-align:center; line-height:48px; font-size:20px; background:#146924; color:#FFF; border-top-left-radius:5px; border-top-right-radius:5px;}


/*news style*/


.yg-keyan{ width:552px; height:315px; display:block; float:right; position:relative;}

.yg-jtou{ width:84px; height:315px; display:block; float:left; position: absolute;background: url(../images/jtou.png) no-repeat left center;}

.yg-keyan-n{ width:496px; height:315px; display:block; float:right;}

.i-case{ width:1200px; margin:0 auto; height:auto; margin-top:30px;}

.i-case h3{ width: 1160px; height: 70px; font-size: 24px; line-height: 70px; border-bottom: 2px solid #84cb4b; padding-left: 40px; background: url(../images/y2.png) no-repeat left center;}

.i-case h3 span{ font-size:14px; display:block; float:right; color:#555; font-weight:400;}

.i-case h3 span b{ font-size:20px; color:#24b232;}

.i-case h3 span strong{ font-size:20px; color:#333; margin:0 10px;}

.case_bottom{ width:1200px; height:252px; margin-top:10px;  overflow:hidden; position:relative; margin: 0 auto; margin-top: 20px;}
.case_bottom .casee{ width:1200px; height:252px; }
.case_bottom a{ width:320px; height:252px; display:block; float:left; margin-left:25px; position:relative;}
.case_bottom a img{ width:320px; height:220px; border:2px solid #37a61d; padding:1px;}

.case_bottom h5{ color: #333; font-weight: 400; text-align: center;height:28px; font-size: 12px; line-height:28px;}
.case_bottom a span{ width:320px; height:28px; font-size: 12px; line-height:28px; background:#000; display:block;  text-align:center; color:#fff; display:none;}


.i-news{ width: 510px; height: auto; display: block; float: right;}

.i-news h3{ font-size: 24px; color: #333; margin-bottom:20px; line-height:50px;}

.i-news ul{ width:510px; height:auto; display:block; float:left;}

.i-news ul li{ width:510px; height:107px; display:block; float:left; margin-bottom:24px;}

.i-news ul li img{ width:160px; height:107px; display:block; float:left;}

.i-news ul li a{ width:315px; height:107px; overflow:hidden; display:block; float:right;}

.i-news ul li a h5{ font-size:14px; color:#333; font-weight:bold; line-height:30px;}

.i-news ul li a p{ font-size:12px; line-height:24px; margin-top:5px; color:#888}

.ugsearch{ width:800px; height:100px; margin:0 auto; overflow:hidden; clear:both;}



.content-bd{ width:1200px; overflow:hidden; margin:0 auto; padding-bottom:50px; clear:both; margin-top:35px; min-height:530px;}

.contact-l{ width:368px; height:auto; display:block; float:left; margin-top:20px;}

.contact-l h4{ width:368px; height:45px; line-height:45px; text-indent:2em; background:#148629; font-size:16px; color:#fff;}

.contact-l p{padding:20px; font-size:12px; line-height:30px; color:#444;border:1px solid #ccc;border-top:none;display: block;
    float: left;
   width: 326px;}

.contact-r{ width:800px;height:auto; display:block; float:right; margin-top:20px;}

.contact-r h4{ width:795px; height:45px; line-height:45px; text-indent:2em; background:#148629; font-size:16px; color:#fff; border-left:5px solid #125e20;}

.contact-r p{padding:20px; font-size:12px; line-height:30px; color:#444;border:1px solid #ccc;border-top:none;}


.jgsb-yd{ width:600px; height:300px; display:block; float:left; margin-top:30px;}

.jgsb-yd li{ width:600px; height:30px; margin:3px 0; display:block; float:left; line-height:30px; font-size:12px;}

.jgsb-yd li span{ width:100px; height:30px; color:#333; display:block; float:left; text-align:right;}

.jgsb-yd li input{ width:300px; height:24px; margin-left:10px;display:block; float:left;outline-color:#F00; text-indent:1em;}

.jgsb-yd li select{width:300px; height:24px; margin-left:10px;display:block; float:left;outline-color:#F00;}

.jgsb-yd li textarea{ width:300px; height:90px; display:block; float:left;margin-left:10px;}

.jgsb-yd li strong{ color:#F00; margin-left:5px;display:block; float:left;}

.jgsb-yd li em{ font-size:12px; color:#999; margin-left:10px;display:block; float:left; width:240px; font-family:"Î¢ÈíÑÅºÚ"}

#yuding-sub{ width:130px; height:30px; border-radius:5px; text-align:center; line-height:30px; background:rgb(224, 170, 19); border-bottom:1px solid #F30; border:none; color:#000; margin-left:110px; text-indent:0; margin-top:8px;}

#yuding-sub:hover{ border-bottom:2px solid #930;}